<script setup>
import { defineProps } from 'vue'
const props = defineProps({
  seckeyData: {
    type: Object,
    default: () => {}
  }
})
</script>

<template>
  <div class="viewseckey_container">
    <div class="seckeyrow">
      <span>客户Id</span>
      <input type="text" :value="props.seckeyData.customerId" readonly />
    </div>
    <div class="seckeyrow">
      <span>客户的SecretKey</span>
      <input type="text" :value="props.seckeyData.secretKey" readonly />
    </div>
    <div class="seckeyrow">
      <span>客户名称</span>
      <input type="text" :value="props.seckeyData.customerName" readonly />
    </div>
    <div class="seckeyrow">
      <span>续期天数</span>
      <input type="text" :value="props.seckeyData.extendDays" readonly />
    </div>
    <div class="seckeyrow">
      <span>生成日期</span>
      <input type="text" :value="props.seckeyData.genetatedTime" readonly />
    </div>
    <div class="seckeyrow">
      <span>到期日期</span>
      <input type="text" :value="props.seckeyData.expireTime" readonly />
    </div>
    <div class="seckeyrow">
      <span>生成的注册码</span>
      <input type="text" :value="props.seckeyData.regcode" readonly />
    </div>
  </div>
</template>

<style lang="scss" scoped>
.viewseckey_container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: red;
  .seckeyrow {
    width: 70%;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    span {
      width: 20%;
      font-size: 1.6rem;
      text-align: right;
      margin-right: 2rem;
    }
    input {
      flex: 1;
      font-size: 1.6rem;
    }
  }
}
</style>
